折れ線を描画する | svg
svgで折れ線を描画する方法は2つある。
polylineをつかう
code:polyline.svg
<polyline points="5 20, 20 5, 35 20, 20 35" stroke="black" fill="#fff" stroke-width="2" />
終点は閉じない。
終点を閉じたい場合は、polygonを用いる
pathを使う
code:polyline.svg
<path d="M 5,20 L 5,20 20,5 35,20 20,35" stroke="black" fill="#fff" stroke-width="2" />